Gatsby と Netlify を用いたブログ作成方法を簡単にまとめました。
GatbyJsとは、Reactを使った静的サイトジェネレータのことです。
静的サイトジェネレーターは他にもHUGO、Hexo、Jekyllなどがありますが、GatsbyJsの大きな特徴は、リソースデータの取得にGraphQLを使っている点とReactを使っている点です。
静的サイトのホスティングサービスです。
GitHub / GitLab / Bitbucket のリポジトリと連携することができ、リポジトリを更新すると自動でデプロイしてくれます。
Netlify CMSというものがあります。これはWeb上でMarkdownの記述ができ、そのまま更新ができるというものです。今回はそれを使用するテンプレートを使います。
以下のリンクからGitのリポジトリにそのテンプレートをfolkできます。
netlifycms.org/docs/start-with-a-template/
あとは/adminにアクセスすれば編集できます！
また、CMSエディタの編集項目を追加するウィジェットも公開されているので、自分の好みで追加することもできます。 netlifycms.org/docs/custom-widgets/
とりあえず今はここまで。
お疲れ様でした。